<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录页面-小米官网</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/login.css">
</head>

<body>
    <!-- logo -->
    <div>
        <a href="index.html" class="logo">
            <img src="./images/login/mistore_logo.png" alt="">
        </a>
    </div>
    <!-- 登录表单区域 -->
    <div class="login">
        <div class="login-box">
            <div class="title">
                <a href="#" class="account">账号登录</a>
                <a href="#">扫码登录</a>
            </div>
            <form class="tab-account" action="#">
                <div class="form-group">
                    <input type="text" placeholder="邮箱/手机号码/小米ID">
                </div>
                <div class="form-group">
                    <input type="password" placeholder="密码">
                </div>
                <div class="form-group">
                    <button class="btn-login">登录</button>
                </div>
                <div class="form-group tips">
                    <a>手机短信登录</a>
                    <div>
                        <a href="#">立即注册</a> |
                        <a href="#">忘记密码</a>
                    </div>
                </div>
                <div class="other-login-type">
                    <div class="line">
                        <span>其他登录方式</span>
                    </div>
                    <ul>
                        <li class="icon-01"><i></i></li>
                        <li class="icon-02"><i></i></li>
                        <li class="icon-03"><i></i></li>
                        <li class="icon-04"><i></i></li>
                    </ul>
                </div>
            </form>
            <div class="tab-qrcode">
                <img src="./images/login/qrcode.png" alt="">
                <p>
                    使用小米商城APP扫一扫
                </p>
                <p>
                    小米手机可打开「设置」>「小米帐号」扫码登录
                </p>
            </div>
        </div>
    </div>
    <!-- 版权区域 -->
    <div class="copyright">
        <p>
            简体| 繁体| English| 常见问题| 隐私政策
        </p>

        <p>
            小米公司版权所有-京ICP备10046444-京公网安备11010802020134号-京ICP证110507号
        </p>
    </div>
</body>
<script>
    // 获取元素
  

    // 注册事件
    // 账号登录

    // 扫码登录

</script>
</html>